<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <img id="img" src="" alt="" />
    <script>
      const img = document.querySelector('#img');
      fetch(
        'https://p6-passport.byteacctimg.com/img/user-avatar/cf5232370d85086949cd739358aea5c2~40x40.awebp',
        { mode: 'cors' }
      )
        .then((r) => r.blob())
        .then((blob) => {
          const url = URL.createObjectURL(blob);
          img.src = url;
        });
    </script>
  </body>
</html>
